<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,height=device-width initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>问卷填写</title>
		<link rel="stylesheet" href="css/question.css" />
	</head>
	<body>
		<!--第一页-->
		<div class="wrap wrap1">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>01</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">选择性别</p>
					<ul class="radioOption">
						<li><label><input type="radio" name="1" id="" value="" /><img src="img/manno.png" width="30"/><img src="img/man.png" width="30"/><span>男</span></label></li>
						<li><label><input type="radio" name="1" id="" value="" /><img src="img/womenno.png" width="30"/><img src="img/womenyes.png" width="30"/><span>女</span></label></li>
					</ul>
					<div class="clear"><p class="oneNext" onclick="next(0)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
			
		</div>
		<!--第二页-->
		<div class="wrap wrap2">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>02</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">基本信息填空</p>
					<ul class="fill">
						<li><label><span>姓名：</span><input id="" type="text" /></label></li>
						<li><label><span>手机号：</span><input id="" type="text" /></label></li>
						<li><label><span>身份证号：</span><input id="" type="text" /></label></li>
						<li><label><span>社保号：</span><input id="" type="text" /></label></li>
						<li><label><span>识别号：</span><input id="" type="text" /></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(1)">上一题</p><p class="next"  onclick="next(1)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
			
		</div>
		<!--第三页-->
		<div class="wrap wrap3">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>03</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">基本信息填空</p>
					<ul class="fill3">
						<li><label><span>身高：</span><input type="text" /><i>(cm)</i></label></li>
						<li><label><span>体重：</span><input type="text" /><i>(kg)</i></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(2)">上一题</p><p class="next"  onclick="next(2)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
			
		</div>
		<!--第四页-->
		<div class="wrap wrap4">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>04</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">家族史（可多选）</p>
					<ul class="checkOption" id="checkOption_1">
						<li><label><input type="checkbox" name="2" id="" value="" /><i>A</i><span>高血压</span></label></li>
						<li><label><input type="checkbox" name="2" id="" value="" /><i>B</i><span>糖尿病</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(3)">上一题</p><p class="next"  onclick="next(3)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
			
		</div>
		
		<!--第五页-->
		<div class="wrap wrap5">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>05</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">父母有无糖尿病</p>
					<ul class="radioOption_1" id="radioOption_1">
						<li><label><input type="radio" name="3" id="" value="" /><i>A</i><span>有</span></label></li>
						<li><label><input type="radio" name="3" id="" value="" /><i>B</i><span>无</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(4)">上一题</p><p class="next"  onclick="next(4)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		
		<!--第六页-->
		<div class="wrap wrap6">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>06</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">饮食盐含量</p>
					<ul class="radioOption_1" id="radioOption_2">
						<li><label><input type="radio" name="4" id="" value="" /><i>A</i><span>无盐</span></label></li>
						<li><label><input type="radio" name="4" id="" value="" /><i>B</i><span>低盐</span></label></li>
						<li><label><input type="radio" name="4" id="" value="" /><i>C</i><span>中盐</span></label></li>
						<li><label><input type="radio" name="4" id="" value="" /><i>D</i><span>高盐</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(5)">上一题</p><p class="next"  onclick="next(5)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		
		<!--第七页-->
		<div class="wrap wrap7">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>07</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">饮食脂含量</p>
					<ul class="radioOption_1" id="radioOption_3">
						<li><label><input type="radio" name="5" id="" value="" /><i>A</i><span>低脂</span></label></li>
						<li><label><input type="radio" name="5" id="" value="" /><i>B</i><span>中脂</span></label></li>
						<li><label><input type="radio" name="5" id="" value="" /><i>C</i><span>高脂</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(6)">上一题</p><p class="next"  onclick="next(6)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		<!--第八页-->
	    <div class="wrap wrap8">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>08</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">吸烟史</p>
					<ul class="selectOption">
						<li>
							<label class="clear"><input type="radio" name="6" id="" value="" /><i>A</i><span>过去</span><b class="iconfont">&#xe610;</b></label>
							<ul class="selectList">
								<li><i class="iconfont">&#xe69b;</i><span><5支</span></li>
								<li><i class="iconfont">&#xe69b;</i><span>半包</span></li>
								<li><i class="iconfont">&#xe69b;</i><span>一包</span></li>
								<li><i class="iconfont">&#xe69b;</i><span>>一包</span></li>
							</ul>
						</li>
						<li>
							<label class="clear"><input type="radio" name="6" id="" value="" /><i>B</i><span>现在</span><b class="iconfont">&#xe610;</b></label>
							<ul class="selectList">
								<li><i class="iconfont">&#xe69b;</i><span><5支</span></li>
								<li><i class="iconfont">&#xe69b;</i><span>半包</span></li>
								<li><i class="iconfont">&#xe69b;</i><span>一包</span></li>
								<li><i class="iconfont">&#xe69b;</i><span>>一包</span></li>
							</ul>
						</li>
						<li><label class="clear"><input type="radio" name="6" id="" value="" /><i>C</i><span>从不</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(7)">上一题</p><p class="next"  onclick="next(7)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		
		<!--第九页-->
		<div class="wrap wrap9">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>09</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">一周运动情况</p>
					<ul class="radioOption_1" id="radioOption_4">
						<li><label><input type="radio" name="7" id="" value="" /><i>A</i><span><5小时</span></label></li>
						<li><label><input type="radio" name="7" id="" value="" /><i>B</i><span>5小时~10小时</span></label></li>
						<li><label><input type="radio" name="7" id="" value="" /><i>C</i><span>>10小时</span></label></li>
						<li><label><input type="radio" name="7" id="" value="" /><i>D</i><span>>20小时</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(8)">上一题</p><p class="next"  onclick="next(8)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		<!--第十页-->
		<div class="wrap wrap10">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>10</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">诊断内容（可多选）</p>
					<ul class="checkOption"  id="checkOption_2">
						<li><label><input type="checkbox" name="8" id="" value="" /><i>A</i><span>高血压</span></label></li>
						<li><label><input type="checkbox" name="8" id="" value="" /><i>B</i><span>高血压病</span></label></li>
						<li><label><input type="checkbox" name="8" id="" value="" /><i>C</i><span>糖尿病</span></label></li>
						<li><label><input type="checkbox" name="8" id="" value="" /><i>D</i><span>1型糖尿病</span></label></li>
						<li><label><input type="checkbox" name="8" id="" value="" /><i>E</i><span>2型糖尿病</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(9)">上一题</p><p class="next"  onclick="next(9)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		<!--第十一页-->
		<div class="wrap wrap11">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>11</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">诊断次数</p>
					<ul class="radioOption_1" id="radioOption_5">
						<li><label><input type="radio" name="9" id="" value="" /><i>A</i><span>1次</span></label></li>
						<li><label><input type="radio" name="9" id="" value="" /><i>B</i><span>2次</span></label></li>
						<li><label><input type="radio" name="9" id="" value="" /><i>C</i><span>3次</span></label></li>
						<li><label><input type="radio" name="9" id="" value="" /><i>D</i><span>4次</span></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(10)">上一题</p><p class="next"  onclick="next(10)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		
		<!--第十二页-->
		<div class="wrap wrap12">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>12</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">首次发病日期</p>
					<ul class="fillDate">
						<li><label><input type="text"  id="datefill"/><i class="iconfont">&#xe636;</i></label></li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(11)">上一题</p><p class="next"  onclick="next(11)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
			
		</div>
		
		<!--第十三页-->
	    <div class="wrap wrap13">
			<div class="titleWrap">
				<p>问卷填写</p>
				<span><img src="img/center.png" height="24"/></span>
			</div>
			<div class="wrapTop">
				<div class="imgContent clear">
					<div><img src="img/clond-left.png" width="70%"/></div>
					<div><img src="img/title.png" width="100%"/><p>第<span>13</span>题</p></div>
					<div><img src="img/cloud-right.png" width="60%"/></div>
				</div>
			</div>
		
			<div class="main maintwo">
				<div class="txt">
					<img src="img/label.png"/>
					<img src="img/pen.png"/>
				</div>
				<div class="content">
					<p class="titleP">高血压常用药物（可多选）</p>
					<ul class="selectThirteen">
						<li>
							<label class="clear"><input type="text" id="selected13" placeholder="选择药物" id="" value="" /><b class="iconfont">&#xe610;</b></label>
							<ul class="selectList">
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>开博通片</span></label></li>
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>洛丁新片</span></label></li>
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>洛汀新片</span></label></li>
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>蒙诺片</span></label></li>
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>开博通片</span></label></li>
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>洛丁新片</span></label></li>
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>洛汀新片</span></label></li>
								<li><label><input type="checkbox" name="10" id="" value="" /><i class="iconfont">&#xe69b;</i><span>蒙诺片</span></label></li>
							</ul>
						</li>
					</ul>
					<div class="pagetion"><p class="prev"  onclick="prev(12)">上一题</p><p class="next"  onclick="next(12)">下一题</p></div>
				</div>
			</div>
			<div class="wrapBottom">
				<img src="img/round2.png"/>
			</div>
		</div>
		
		
		
		<script src="js/jquery.min.js"></script>
		<script src="js/page.js"></script>
		<script src="js/laydate.js"></script>
		<script>
		/*上一页、下一页*/
		   var page = document.getElementsByClassName("wrap").length;
//		   console.log(page)

		   function next(num){
		   	document.getElementsByClassName("wrap")[num].style.display = "none";
		   	document.getElementsByClassName("wrap")[num+1].style.display = "block";
		   }
		   	function prev(num){
		   	document.getElementsByClassName("wrap")[num].style.display = "none";
		   	document.getElementsByClassName("wrap")[num-1].style.display = "block";
		   }
		
		/*性别单选选择效果*/
			 $(".radioOption li label").click(function () {
			    $(".radioOption li label").removeAttr("class");
			    $(".radioOption li label span").css({"color":"#3e92ef"});
			    $(this).attr("class","active");
			    $(this).find("img").eq(0).css({"display":"none"});
			    $(this).find("img").eq(1).css({"display":"block"});
			    $(this).find("span").css({"color":"#FFFFFF"})
		   });
		   
		   /*一题多选选择效果*/
		  $("#checkOption_1 li label").click(function () {
		  		var selected = $(this).find("input").is(":checked");
//				alert(selected);
		  	if(selected==true){
                $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).attr("class","active");
			    $(this).find("span").css({"color":"#FFFFFF"});
                selected = false;
            }else{
            	$(this).find("i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $(this).removeAttr("class");
			    $(this).find("span").css({"color":"#3e92ef"});
            	selected = true;
            }
		   });
		   $("#checkOption_2 li label").click(function () {
		  		var selected = $(this).find("input").is(":checked");
//				alert(selected);
		  	if(selected==true){
                $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).attr("class","active");
			    $(this).find("span").css({"color":"#FFFFFF"});
                selected = false;
            }else{
            	$(this).find("i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $(this).removeAttr("class");
			    $(this).find("span").css({"color":"#3e92ef"});
            	selected = true;
            }
		   });
		/*一般单选选择效果*/
			 $("#radioOption_1 li label").click(function () {
			    $("#radioOption_1 li label").removeAttr("class");
			    $("#radioOption_1 li label i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $("#radioOption_1 li label span").css({"color":"#3e92ef"});
			    $(this).attr("class","active");
			    $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).find("span").css({"color":"#FFFFFF"})
		   });
		   $("#radioOption_2 li label").click(function () {
			    $("#radioOption_2 li label").removeAttr("class");
			    $("#radioOption_2 li label i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $("#radioOption_2 li label span").css({"color":"#3e92ef"});
			    $(this).attr("class","active");
			    $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).find("span").css({"color":"#FFFFFF"})
		   });
		   $("#radioOption_3 li label").click(function () {
			    $("#radioOption_3 li label").removeAttr("class");
			    $("#radioOption_3 li label i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $("#radioOption_3 li label span").css({"color":"#3e92ef"});
			    $(this).attr("class","active");
			    $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).find("span").css({"color":"#FFFFFF"})
		   });
		   $("#radioOption_4 li label").click(function () {
			    $("#radioOption_4 li label").removeAttr("class");
			    $("#radioOption_4 li label i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $("#radioOption_4 li label span").css({"color":"#3e92ef"});
			    $(this).attr("class","active");
			    $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).find("span").css({"color":"#FFFFFF"})
		   });
		   $("#radioOption_5 li label").click(function () {
			    $("#radioOption_5 li label").removeAttr("class");
			    $("#radioOption_5 li label i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $("#radioOption_5 li label span").css({"color":"#3e92ef"});
			    $(this).attr("class","active");
			    $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).find("span").css({"color":"#FFFFFF"})
		   });
		  /*下拉单选效果*/
		 $(".selectOption li label").click(function () {
		 		$(".selectOption li .selectList").hide();
			    $(".selectOption li label").removeAttr("class");
			    $(".selectOption li label i").css({"color":"#ffffff","backgroundColor":"#71b3f9"});
			    $(".selectOption li label span").css({"color":"#3e92ef"});
			    $(this).attr("class","active");
			    $(this).find("i").css({"color":"#3e92ef","backgroundColor":"#ffffff"});
			    $(this).find("span").css({"color":"#FFFFFF"});
			    $(this).next(".selectList").show();
		  });
		  $(".selectOption>li>.selectList>li").click(function () {
		  		$(".selectOption>li>.selectList>li i").css({"border":"1px solid #999999","color":"rgba(62,147,239,0)"})
		 		$(this).find("i").css({"border":"1px solid rgba(62,147,239,0)","color":"rgba(62,147,239,1)"});
		 		$(this).parent(".selectList").hide();
		 		
		  });
		
		/*日期填空*/
		!function(){
			laydate.skin('danlan');//切换皮肤，请查看skins下面皮肤库
			laydate({elem: '#datefill'});//绑定元素
		}();
		
		/*下拉可多选*/
		var opt = false;
		$(".selectThirteen li label").click(function () {
			if(opt == false){
				$(this).next(".selectList").show();
				opt = true;
			}else{
				$(this).next(".selectList").hide();
				opt = false;
			}
			    
		  });
		  $(".selectThirteen>li>.selectList>li>label").click(function () {
		  	var selected13 = $(this).find("input").is(":checked");
		  	if(selected13==true){
		 		$(this).find("i").css({"border":"1px solid rgba(62,147,239,0)","color":"rgba(62,147,239,1)"});
		  		selected13 = false;
		  		$("#selected13").val($(this).find("span").html());
		  	}else{
		 		$(this).find("i").css({"border":"1px solid #999999","color":"rgba(62,147,239,0)"});
		 		
		  		selected13 = true;
		  	}
		 		
		  });
		
		
		
		
		
		
		
		
		
		</script>
		
	</body>
</html>
